<%--
  Created by IntelliJ IDEA.
  User: xugang
  Date: 2018/12/6
  Time: 18:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="page"/>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="${ctx}/images/favicon.ico">

    <title>诚邀</title>

    <!-- Bootstrap core CSS -->
    <link href="${ctx}/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="${ctx}/dist/css/bootstrapValidator.min.css" rel="stylesheet">

    <script src="${ctx}/js/jquery_1.12.4.min.js"></script>
    <script src="${ctx}/dist/js/bootstrap.min.js"></script>
    <script src="${ctx}/dist/js/bootstrapValidator.min.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="${ctx}/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="${ctx}/css/signin.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="${ctx}/css/starter-template.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
    <script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="${ctx}/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<div class="container">

    <div class="starter-template">
        <!--<h4>我的大学，软件人生，从这里起步！</h4>-->

        <div class="logo">
            <div class="logo-child1">
                <img src="${ctx}/images/yzlogo.png">
            </div>
            <div class="logo-child2">
                <h3>延边职业技术学院</h3>
            </div>
        </div>

        <div class="futitle">
            <div class="futitle-child1">
            </div>
            <div class="futitle-child2">
                <h6>计算机软件技术专业教学团队特别邀约</h6>
            </div>
        </div>

        <div class="pic">
            <img src="${ctx}/images/yqh.png">
        </div>

        <div class="desc-title">选择意味着成功，成功的选择来自于认知!</div>

        <div class="desc">
            <div class="des-child1"></div>
            <div class="des-child2">
                活动流程：<br/>
                1、专业优势与特点答疑解惑<br/>
                2、职业前景与规划<br/>
                3、专业课程体验<br/>
                4、交流问答（设有奖品）<br/>
            </div>
        </div>

        <div class="time">
            <div class="des-child1"></div>
            <div class="des-child2">
                <p class="tisp1">时间：<c:out value="${result.time}"></c:out></p>
                <p class="tisp1">地点：<c:out value="${result.address}"></c:out></p>
                <p class="tisp1">联系电话：<c:out value="${result.phone}"></c:out></p>
            </div>
        </div>
    </div>

    <form id="defaultForm" class="form-signin" action="${ctx}/student" method="post">
        <h2 class="form-signin-heading">诚邀</h2>
        <div class="form-group">
            <label for="inputSchool" class="sr-only">School</label>
            <input type="text" name="school" id="inputSchool" class="form-control" maxlength="50" placeholder="填写学校名称"
                   required>
        </div>

        <div class="form-group">
            <label for="inputName" class="sr-only">User Name</label>
            <input type="text" name="name" id="inputName" class="form-control" maxlength="4" placeholder="填写本人姓名"
                   required>
        </div>

        <div class="form-group">
            <label for="inputPhone" class="sr-only">Mobile Phone</label>
            <input type="text" name="phone" id="inputPhone" class="form-control" maxlength="11" placeholder="填写手机号码"
                   required>
        </div>

        <div class="checkbox">
            <label>
                <!--<input type="checkbox" value="remember-me"> Remember me-->
            </label>
        </div>

        <button class="btn btn-lg btn-primary btn-block" type="submit">我要参加</button>
    </form>

</div> <!-- /container -->


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="${ctx}/assets/js/ie10-viewport-bug-workaround.js"></script>

<script type="text/javascript">
    $(function () {
        $('#defaultForm').bootstrapValidator({
            message: '请填写正确的信息',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                name: {
                    validators: {
                        regexp: {
                            regexp: /^[\u4e00-\u9fa5]{2,4}$/,
                            message: '姓名只能用汉字,长度2-4位'
                        }
                    }
                },
                phone: {
                    validators: {
                        regexp: {
                            regexp: /^1[3|4|5|7|8][0-9]\d{8}$/,
                            message: '请填写正确的11位手机号'
                        }
                    }
                }
            }
        });
    });

</script>
</body>
</html>
